<!DOCTYPE html>
<html lang="UTF-8">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
  <script src="js/vue.js"></script>
  <link rel="stylesheet" href="elementUI/index.css">
  <script src="elementUI/index.js"></script>
  <script src="js/axios.min.js"></script>
<style>
  .a {
    width: 800px;
    border: 10px dashed red;
    border-radius: 30px;
    margin: 50px auto;
  }

  h1 {
    margin-top: 50px;
    color: royalblue;
    font-size: 50px;
    text-align: center;
  }

  h3 {
    text-align: center;
    margin-top: 30px;
    font-size: 40px;
    color: royalblue;
  }

  #app {
    width: 500px;
    margin: 50px auto;
  }
</style>


<body>
<div class="a">
  <h1>欢迎来到学生管理系统</h1>
  <h3>请选择你的身份</h3>
  <div id="app">
    <!-- 提交 -->
    <el-button type="success" @click="xuanzeStu">我是学生</el-button>
    <el-button type="success" @click="xuanzeTea" style="margin-left: 90px;">我是教师</el-button>
    <el-button type="success" @click="xuanzeAdmin" style="margin-left: 80px;">我是管理员</el-button>

  </div>
</div>
</body>
<script>
  var vue = new Vue({
    el: "#app",
    methods: {
      xuanzeStu() {
        var obj={select:"stu"}
        axios({
          // 请求方式
          method: 'get',
          url: 'skip',
          // 传递参数 data使用流发送数据 params台servlet可以直接获取
          params: obj,
          //响应的数据格式 默认就是json 可以省略
          responseType: 'json'
        }).then(response => {
          // 请求成功
          //跳转
          window.location.href = 'http://localhost:8081/smsStudent/stulogin.jsp';
        }).catch(error => {
          // 请求失败，
          console.log(error);
          // 一般不用
        })

      }, xuanzeTea() {
        var obj={select:"tea"}
        axios({
          // 请求方式
          method: 'get',
          url: 'skip',
          // 传递参数 data使用流发送数据 params台servlet可以直接获取
          params: obj,
          //响应的数据格式 默认就是json 可以省略
          responseType: 'json'
        }).then(response => {
          // 请求成功
          //跳转
          window.location.href = 'http://localhost:8082/smsTeacher/tealogin.jsp';
        }).catch(error => {
          // 请求失败，
          console.log(error);
          // 一般不用
        })
      }, xuanzeAdmin() {
        var obj={select:"adm"}
        axios({
          // 请求方式
          method: 'get',
          url: 'skip',
          // 传递参数 data使用流发送数据 params台servlet可以直接获取
          params: obj,
          //响应的数据格式 默认就是json 可以省略
          responseType: 'json'
        }).then(response => {
          // 请求成功
          //跳转
          window.location.href = 'http://localhost:8083/smsAdmin/adminlogin.jsp';
        }).catch(error => {
          // 请求失败，
          console.log(error);
          // 一般不用
        })
      }
    }


  })
</script>

</html>